.edit-area {
    border-top: 2px solid #d8d8d8;
    padding: 20px;
    display: flex;
    justify-content: start;
    align-items: flex-start;
}

.edit-area label {
    font-weight: bold;
}

.agent-area {
    border-top: 2px solid #d8d8d8;
    padding: 20px;
}

#agent_row{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


#agent_row label{
    font-weight: bold;
}

.agent-area label {
    word-break: keep-all;
}

.agent-edit-area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.agent-btn{
    cursor: pointer;
}

.check-area {
    font-weight: bold;
    border-top: 2px solid #d8d8d8;
    padding: 20px;
    display: flex;
    justify-content: start;
    align-items: flex-start;
}

.done-btn{
    background-color: #1a60a3;
    border-radius: 3px;
    border: 1px solid #1a60a3;
    padding: 10px 40px;
}

.add-agent-row{
    background-color: #1a60a3;
    border-radius: 3px;
    border: 1px solid #1a60a3;
    padding: 10px 20px;
    color: #ffffff;
}

input[type=text]{
    background-color: #ffffff;
}

input[type=email]{
    background-color: #ffffff;
}

input[type=password]{
    background-color: #ffffff;
}

/* 767px以下の画面サイズで適用されるスタイル */
@media screen and (max-width: 767px) {
    div.input-wrap {
        overflow: auto;
    }
    div.input-area{
        min-width: 767px;
    }
    .col-form-label{
        margin-right: 1rem;
    }
    .form-control {
        min-width: 250px;
    }
}